<template>
    <div class="home">
        <img alt="Vue logo" src="../assets/logo.png" />
        <solux-upload :isDisabled="false" :maxCount="5" :fileType="'image'" :sendType="updataForm.type" v-model="updataForm.fileList"></solux-upload>
        <div v-if="updataForm.type === 'array'">
            <p v-for="(item, index) in updataForm.fileList" :key="index">{{item}}</p>
        </div>
        <p v-else>{{updataForm.fileList}}</p>
    </div>
</template>
<script>
import { reactive } from 'vue'
export default {
    name: 'Home',
    setup () {
        const updataForm = reactive({
            fileList: [
                {
                    file_id: '2119',
                    url: 'https://img.platform.solux.cn/image/47/a4/6a/1b002058bf2aa55f4639a68e84.jpg',
                    file_name: '',
                    mime_type: 'image/jpeg'
                }
            ],
            type: 'array'
        });
        return {
            updataForm
        }
    }
}
</script>
